<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="openid.server" href="{$uriPath}/{$request->ownerName}/User/OpenIDServer" />
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.2.2/build/reset-fonts-grids/reset-fonts-grids.css"> 
<link rel="stylesheet" type="text/css" href="{$filePath}/file/peopletab/css/jqmodal.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="{$filePath}/file/skins/{$Header.skinDir}/css/{$Header.cssFile}" media="screen"/>
{if $Header.customCSS}
<link rel="stylesheet" type="text/css" id="customUserCSS" href="{$filePath}/{$Header.customCSS}" media="screen"/>
{/if} 
<script type="text/javascript" src="{$filePath}/file/peopletab/js/jquery/jquery.js"></script>
<script type="text/javascript" src="{$filePath}/file/peopletab/js/jquery/jqmodal.js"></script>
<script type="text/javascript" src="{$filePath}/file/peopletab/js/jquery/jqform.js"></script>
<script src="{$filePath}/file/peopletab/js/jquery/jquery.history_remote.pack.js" type="text/javascript"></script>
<script src="{$filePath}/file/peopletab/js/jquery/jquery.tooltip.pack.js" type="text/javascript"></script>
<script src="{$filePath}/file/peopletab/js/jquery/jquery.tabs.pack.js" type="text/javascript"></script>
<script src="{$filePath}/file/peopletab/js/jquery/jquery.counter.js" type="text/javascript"></script>
<script type="text/javascript" src="{$filePath}/file/peopletab/js/peopletab.js"></script>
{literal}
<!--[if lt IE 7]>
<style>
#logo, .png { behavior: url({/literal}{$filePath}{literal}/file/peopletab/js/pngfix.htc) }
</style>
<![endif]-->
{/literal}
<title>Peopletab</title>
</head>
<body>
<div id="logoBanner">
	<div id="logo"></div>
</div>
<div id="doc">
<div id="hd">
<div id="userPanel">
<div id="topNav">
<h2 class="hide">Main menu:</h2>
{dynamic}
{if $user->userStatus == ANONYMOUS_USER_STATUS}
<div id="loginNav"><span>[<a href="http://{$site->domain}">Home</a>] {framework_component component="OpenID"}</span></div>
{elseif $user->userStatus == NORMAL_USER_STATUS || $user->userStatus == OWNER_USER_STATUS }
<div id="loginNav"><span>[<a href="http://{$site->domain}">Home</a>] {if $user->idOwner}[<a href="http://{$user->siteDomain}/{$user->userName}/CP">CP</a>]{/if} Welcome, {$user->userName}{if $user->siteDomain && ($user->idOwner == null)}@{$user->siteDomain}{/if}</span></div>
{else}
{/if}
{/dynamic}
{dynamic}
{framework_component component="UserNav"}
{/dynamic}
</div>
</div>

{dynamic}
{if $Header.customHeader}
<div id="header"><img src="{$filePath}{$Header.customHeader}"></img></div>
{else}
<div id="header"><img src="{$filePath}/file/skins/{$Header.skinDir}/images/header.jpg" width="100%"></img></div>
{/if}

<div id="subHeader">
<div id="avatar">
{if $Header.avatarURL}
<img src="{$Header.avatarURL}" width="80px" height="80px"></img>
{else}
<img src="{$site->installPath}/file/peopletab/image/avatar.gif" width="80px" height="80px"></img>
{/if}
</div>
<h1>
<a href="{$uriPath}/{$request->ownerName}/Profile" id="ownerName">{$request->ownerName}</a>  

	{if $user->userStatus != OWNER_USER_STATUS}
	{if $user->friendStatus == USER_FRIENDS_WITH_OWNER}
	<span>(Friend)</span>
	{elseif $user->friendStatus == USER_WATCHING_OWNER}
	<span>(Watching)</span>
	{elseif $user->friendStatus == USER_WATCHED_BY_OWNER}
	<span>(Watched By)(<a href="{$uriPath}/{$request->ownerName}/User/Watch" id="watch" onClick = "Peopletab.watch('{$user->userName}@{$user->siteDomain}','{$request->ownerName}@{$site->domain}'); return false;">Watch</a>)</span>
	{elseif $user->userStatus == NORMAL_USER_STATUS}
	<span>(<a href="{$uriPath}/{$request->ownerName}/User/Watch/redirect?from={$request->getHTTPPath()}" id="watch" onClick = "Peopletab.watch('{$user->userName}@{$user->siteDomain}','{$request->ownerName}@{$site->domain}'); return false;">Watch</a>)</span>
	{/if}
{/if}
{/dynamic}
</h1>
</div>
			
<div id="ownerNav">
<h2 class="hide">Site menu:</h2>
{dynamic}
{framework_component component="OwnerNav"}
{/dynamic}
<div class="clear"></div>
</div>
	    
</div>
   


